<template>
    <div>
        <el-dialog title="资产列表详情" :visible.sync="disable" :before-close="conmel" width="800px">
            <div class="centen">

                <el-tabs tab-position='left' style="height:200px;">
                    <el-tab-pane label="基本信息">
                        <div>
                            <el-form label-position='right' :inline="true" class="demo-form-inline">
                                <el-form-item label="资产编号:" label-width="90px">
                                    <el-input disabled v-model="form.assetsSerial"></el-input>
                                </el-form-item>
                                <el-form-item label="资产名称:" label-width="90px">
                                    <el-input disabled v-model="form.equipName"></el-input>
                                </el-form-item>
                                <el-form-item label="业务状态:" label-width="90px">
                                    <el-input disabled
                                        :value="form.equipState == 1 ? '闲置中' : form.equipState == 2 ? '报修中' : form.equipState == 3 ? '已报废' : form.equipState == 4 ? '使用中' : '其他'"></el-input>
                                </el-form-item>
                                <el-form-item label="资产大类:" label-width="90px">
                                    <el-input disabled v-model="form.equParentCategory"></el-input>
                                </el-form-item>
                                <el-form-item label="资产分类:" label-width="90px">
                                    <el-input disabled v-model="form.equCategory"></el-input>
                                </el-form-item>
                                <el-form-item label="已使用年限:" label-width="90px">
                                    <el-input disabled v-model="form.useYear"></el-input>
                                </el-form-item>
                                <el-form-item label="单价:" label-width="90px">
                                    <el-input disabled v-model="form.equipPrice"></el-input>
                                </el-form-item>
                                <el-form-item label="数量:" label-width="90px">
                                    <el-input disabled value="1"></el-input>
                                </el-form-item>
                                <el-form-item label="面积:" label-width="90px">
                                    <el-input disabled v-model="form.equArea"></el-input>
                                </el-form-item>
                                <el-form-item label="价值类型:" label-width="90px">
                                    <el-input disabled v-model="form.initialAsset"></el-input>
                                </el-form-item>
                                <el-form-item label="价值:" label-width="90px">
                                    <el-input disabled v-model="form.totalPrice"></el-input>
                                </el-form-item>
                                <el-form-item label="品牌:" label-width="90px">
                                    <el-input disabled v-model="form.brand"></el-input>
                                </el-form-item>
                                <el-form-item label="规格型号:" label-width="90px">
                                    <el-input disabled v-model="form.standard"></el-input>
                                </el-form-item>
                                <el-form-item label="使用部门:" label-width="90px">
                                    <el-input disabled v-model="form.useDept"></el-input>
                                </el-form-item>
                                <el-form-item label="使用人:" label-width="90px">
                                    <el-input disabled v-model="form.personCharge"></el-input>
                                </el-form-item>
                                <el-form-item label="存放地点:" label-width="90px">
                                    <el-input disabled v-model="form.storagePlace"></el-input>
                                </el-form-item>
                            </el-form>
                        </div>
                    </el-tab-pane>
                    <el-tab-pane label="财务信息">
                        <div>
                            <el-form label-position='right' :inline="true" class="demo-form-inline">
                                <el-form-item label="财政拨款:" label-width="100px">
                                    <el-input disabled v-model="form.financePay"></el-input>
                                </el-form-item>
                                <el-form-item label="非财政拨款:" label-width="100px">
                                    <el-input disabled v-model="form.unFinancePay"></el-input>
                                </el-form-item>
                                <el-form-item label="取得方式:" label-width="100px">
                                    <el-input disabled v-model="form.gainType"></el-input>
                                </el-form-item>
                                <el-form-item label="取得日期:" label-width="100px">
                                    <el-input disabled v-model="form.gainTime"></el-input>
                                </el-form-item>
                                <el-form-item label="资产记账日期:" label-width="100px">
                                    <el-input disabled v-model="form.reAccountTime"></el-input>
                                </el-form-item>
                                <el-form-item label="财务入账状态:" label-width="100px">
                                    <el-input disabled v-model="form.accountState"></el-input>
                                </el-form-item>
                                <el-form-item label="财务入账日期:" label-width="100px">
                                    <el-input disabled v-model="form.accountTime"></el-input>
                                </el-form-item>
                                <el-form-item label="会计凭证号:" label-width="100px">
                                    <el-input disabled v-model="form.accountNum"></el-input>
                                </el-form-item>

                            </el-form>
                        </div>
                    </el-tab-pane>
                    <el-tab-pane label="折旧信息">
                        <div>
                            <el-form label-position='right' :inline="true" class="demo-form-inline">
                                <el-form-item label="折旧状态:" label-width="100px">
                                    <el-input disabled v-model="form.depreciationState"></el-input>
                                </el-form-item>
                                <el-form-item label="折旧年限:" label-width="100px">
                                    <el-input disabled v-model="form.depreciationYear"></el-input>
                                </el-form-item>
                                <el-form-item label="累计折旧:" label-width="100px">
                                    <el-input disabled v-model="form.depreciationAdd"></el-input>
                                </el-form-item>
                                <el-form-item label="已提折旧月数:" label-width="100px">
                                    <el-input disabled v-model="form.depreciationMonth"></el-input>
                                </el-form-item>
                                <el-form-item label="月折旧额:" label-width="100px">
                                    <el-input disabled v-model="form.depreciationMonthSalary"></el-input>
                                </el-form-item>
                                <el-form-item label="净值:" label-width="100px">
                                    <el-input disabled v-model="form.netValue"></el-input>
                                </el-form-item>

                            </el-form>
                        </div>
                    </el-tab-pane>

                </el-tabs>
            </div>
            <div slot="footer" class="dialog-footer">
                <el-button type="primary" @click="conmel">确 定</el-button>
            </div>
        </el-dialog>
    </div>
</template>

<script>
import { propertyinfo } from '../../../../api/index'
export default {
    name: "list-detail",
    props: {
        disable: {
            type: Boolean,
            required: true
        }
    },
    components: {},
    data() {
        return {
            form: {}
        }
    },
    computed: {},
    watch: {},
    created() { },
    mounted() { },
    methods: {
        // 接受传递参数发送请求
        open(a) {
            this.detaillist(a)

        },
        async detaillist(aa) {
            const data = await propertyinfo(aa)
            this.form = data.data.data
        },
        conmel() {
            this.$emit('close')
        }
    }
}
</script>

<style lang="less" scoped>
::v-deep .el-tabs {
    overflow: visible;
}

::v-deep .el-form {

    flex-wrap: wrap;
    justify-content: space-evenly;
    //  display: flex;
    // .el-form-item {
    //     width: 300px;
    // }
}

::v-deep .el-input.is-disabled .el-input__inner {
    // background-color: #2b1a1a;
    color: #000;
}

.el-tabs__content {
    .el-form {
        height: 420px;
        overflow-y: auto;

    }
}

.centen {
    height: 400px;

    .centen_left {
        width: 80px;
        height: 100%;
        background-color: aliceblue;
    }
}
</style>